<!DOCTYPE html> {% load static %}
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>申请记录</title>

    <!-- Favicons -->
    <link href="{% static 'img/favicon.png' %}" rel="icon">
    <link href="{% static 'img/apple-touch-icon.png' %}" rel="apple-touch-icon">

    <!-- Bootstrap core CSS -->
    <link href="{% static 'lib/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <!--external css-->
    <link href="{% static 'lib/font-awesome/css/font-awesome.css' %}" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="{% static 'lib/gritter/css/jquery.gritter.css' %}" />
    <!-- Custom styles for this template -->
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <link href="{% static 'css/style-responsive.css' %}" rel="stylesheet">


</head>

<body>
    <section id="container">
        <!-- **********************************************************************************************************************************************************
        TOP BAR CONTENT & NOTIFICATIONS
        *********************************************************************************************************************************************************** -->
        <!--header start-->
        <header class="header black-bg">
            <div class="sidebar-toggle-box">
                <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
            </div>
            <!--logo start-->
            <a href="index.html" class="logo"><b>奖助学金评定<span>系统</span></b></a>
            <!--logo end-->
            <div class="nav notify-row" id="top_menu">
                <!--  notification start -->
                <ul class="nav top-menu">
                    <!-- inbox dropdown start-->
                    <li id="header_inbox_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                            <i class="fa fa-envelope-o"></i>
                            {% if no_read_message_count != 0 %} <span class="badge bg-theme">{{ no_read_message_count }}</span>{% endif %}
                        </a>
                        <ul class="dropdown-menu extended inbox">
                            <div class="notify-arrow notify-arrow-green"></div>
                            <li>
                                <p class="green">你有{{ no_read_message_count }} 条信息未读</p>
                            </li>
                            {% for no_read_message in no_read_message_list %}
                            <li>
                                <a href="{% url 'dataManagement:messageShow' no_read_message.id %}">
                                    <span class="photo"><i class="fa fa-envelope-o"></i></span>
                                    <span class="subject">
                    <span class="from">来自{{ no_read_message.from_user }}</span>
                                    <span class="time">{{ no_read_message.send_time }}</span>
                                    </span>
                                    <span class="message">
                      {{ no_read_message.text | truncatechars:17 }}...
                    </span>
                                </a>
                            </li>
                            {% empty %} 暂无消息 {% endfor %}
                        </ul>
                    </li>
                    <!-- inbox dropdown end -->
                </ul>
                <!--  notification end -->
            </div>
            <div class="top-menu">
                <ul class="nav pull-right top-menu">
                    <li><a class="logout" href="{% url 'MyUser:logout' %}">退出</a></li>
                </ul>
            </div>
        </header>
        <!--header end-->
        <!-- **********************************************************************************************************************************************************
        MAIN SIDEBAR MENU
        *********************************************************************************************************************************************************** -->
        <!--sidebar start-->
        <aside>
            <div id="sidebar" class="nav-collapse ">
                <!-- sidebar menu start-->
                <ul class="sidebar-menu" id="nav-accordion">
                    <h5 class="centered">{% if request.user.name %}你好!&nbsp; {{ request.user.name }}{% else %} 请完善个人信息! {% endif %}</h5>
                    <li class="mt">
                        <a href="{% url 'dataManagement:index' %}">
                            <i class="fa fa-dashboard"></i>
                            <span>首页</span>
                        </a>
                    </li>
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="fa fa-desktop"></i>
                            <span>设置</span>
                        </a>
                        <ul class="sub">
                            <li><a href="{% url 'dataManagement:myinfo' %}">我的信息</a></li>
                            <li><a href="{% url 'dataManagement:setPassword' %}">修改密码</a></li>
                        </ul>
                    </li>
                    <li class="sub-menu">
                        <a class="active" href="javascript:;">
                            <i class="fa fa-cogs"></i>
                            <span>评审信息</span>
                        </a>
                        <ul class="sub">
                            <!--              <li><a href="{% url 'dataManagement:meetingList' %}">我的学生</a></li>-->
                            <li class="active"><a href="{% url 'dataManagement:juryGradeMeetingList' %}">我是评委</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="{% url 'dataManagement:messageIndex' %}?num=1&&choice=1">
                            <i class="fa fa-envelope"></i>
                            <span>消息 </span>
                            <span class="label label-theme pull-right mail-info">{{ no_read_message_count }}</span>
                        </a>
                    </li>
                </ul>
                <!-- sidebar menu end-->
            </div>
        </aside>
        <!--sidebar end-->
        <!-- **********************************************************************************************************************************************************
        MAIN CONTENT
        *********************************************************************************************************************************************************** -->
        <!--main content start-->
        <section id="main-content">
            <section class="wrapper site-min-height">
                <h3><i class="fa fa-angle-right"></i> 所有会议</h3>
                <div class="row mt">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-md-10 .col-xs-12 col-md-offset-1 mb">
                                <div class="grey-panel pn donut-chart">
                                    <div class="grey-header">
                                        <h5>会议列表</h5>
                                    </div>
                                    <div class="content-panel">
                                        <table class="table table-hover table-bordered table-striped table-advance">
                                            <thead>
                                                <tr style="text-align: center">
                                                    <th class="text-center">会议名称</th>
                                                    <th class="text-center">结束时间</th>
                                                    <th class="text-center">评分状态</th>
                                                    <th class="text-center">操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for meeting in meeting_list_for_Jury %}
                                                <tr>
                                                    <td>{{ meeting.title }}</td>
                                                    <td>{{ meeting.endTime }}</td>
                                                    <td><span class="label {% if meeting.gradeStatus == '未开始' %} label-info {% elif meeting.gradeStatus == '已开始' %}label-success {% else %}label-warning {% endif %} label-mini">{{ meeting.gradeStatus }}</span></td>
                                                    <td>
                                                        {% if meeting.gradeStatus == '未开始' %} 暂无操作 {% else %}<button class="btn btn-primary btn-xs show-content" value="{{ meeting.id }}" title="进入会议"><i class="fa fa-pencil"></i></button>{% endif %}
                                                    </td>
                                                </tr>
                                                {% empty %}
                                                <tr>
                                                    <td>暂无内容</td>
                                                    <td>暂无内容</td>
                                                    <td>暂无内容</td>
                                                    <td>暂无内容</td>
                                                </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
            </section>
            <!-- /wrapper -->
        </section>
        <!-- /MAIN CONTENT -->
        <!--main content end-->
        <!--footer start-->
        <!--footer end-->
    </section>
    <script src="{% static 'lib/jquery/jquery.min.js' %}"></script>

    <script src="{% static 'lib/bootstrap/js/bootstrap.min.js' %}"></script>
    <script class="include" type="text/javascript" src="{% static 'lib/jquery.dcjqaccordion.2.7.js' %}"></script>
    <script src="{% static 'lib/jquery.scrollTo.min.js' %}"></script>
    <script src="{% static 'lib/jquery.nicescroll.js' %}" type="text/javascript"></script>
    <!-- js placed at the end of the document so the pages load faster -->
    <script src="{% static 'lib/jquery.sparkline.js' %}"></script>
    <!--common script for all pages-->
    <script src="{% static 'lib/common-scripts.js' %}"></script>
    <!--script for this page-->
    <script src="{% static 'lib/sparkline-chart.js' %}"></script>
    <script>
        $(".show-content").click(function() {
            var meeting_id = $(this).val();
            window.location.href = "{% url 'dataManagement:juryMeetingStudentList' %}?meeting_id=" + meeting_id
        })
    </script>
</body>

</html>